﻿<html>
<head>
    <title>会议预定系统</title>
    <meta name='keywords' content='会议预定系统' />
    <meta name='description' content='会议预定系统' />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no" />
    <link href="../Soure/bootstrap-3.3.0-dist/dist/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../Soure/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css"
          rel="stylesheet" />
    <link href="../Theme/css/base.css" rel="stylesheet" />
    <style type="text/css">
        .Timequanten .col-xs-1 {
            width: 7.6%;
            padding: 0;
            text-align: center;
        }

        .Mtop .col-xs-2 {
            width: 13%;
            padding: 5px;
        }

        .date {
            padding: 5px;
            width: 70%;
            height: 100%;
            border-radius: 91px;
            margin: 5px auto;
        }

        hr {
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .Timequanten {
            width: 95%;
            margin: auto;
        }

        .meetname {
            height: 30px;
            background-color: #FFA16B;
            padding-left: 30px;
            font-size: 14px;
            color: white;
            line-height: 30px;
        }
    </style>
</head>
<body>
    <div id="wap">
        <div class="Mtop pf-top white">
            <div class="media top-nav-body base-bg-color">
                <div class="media-left">
                    <div class="top-left">
                        <i class="fa fa-mail-reply f20 lh40"></i>
                    </div>
                </div>
                <div class="media-body ">
                    <div class="top-title">
                        申请会议室
                    </div>
                </div>
                <div class="media-right">
                    <div class="top-right">
                        提交
                    </div>
                </div>
            </div>
            <div class="row commonfc text-center">
                <div class="col-xs-2">
                    <p>
                        日
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        一
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        二
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        三
                    </p>
                    <div class="date base-bg-color white">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        四
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        五
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-2">
                    <p>
                        六
                    </p>
                    <div class="date">
                        20
                    </div>
                </div>
                <div class="col-xs-1">
                    <p>
                        1
                    </p>
                </div>
            </div>
            <hr />
            <div class="row h20">
                <div class="commonfc text-center">
                    今天 2016年11月24日
                </div>
            </div>
        </div>


        <div id="Tg-context" style="margin-top: 145px;" class="mb60">

            <div class=" bg-white pt10 pb10">
                <div class="w90b bc clear">
                    <div class="pull-left w50b">
                        部门：运行部
                    </div>

                    <div class="pull-left w50b">
                        申请人：蓬勃
                    </div>
                </div>
            </div>

            <div class="bg-white pt10 pb10 mt10">
                <div class="row w90b bc">
                    <input type="text" class="form-control" placeholder="会议名称">
                </div>
                <div class="row w90b bc mt10">
                    <input type="text" class="form-control" placeholder="地点">
                </div>
                <div class="row w90b bc mt10 ">
                    <spn class="pull-left lh30 w20b ">使用时间</spn>
                    <div class="input-group w30b pull-left  ">
                        <span class="input-group-addon br0 commonfc bg-white">
                            <span class="glyphicon glyphicon-time">
                            </span>
                        </span>
                        <input type="text" class="form-control bl0">
                    </div>
                    <span class="lh30 pull-left text-center w20b">至</span>
                    <div class="input-group w30b pull-right  ">
                        <span class="input-group-addon br0 commonfc bg-white">
                            <span class="glyphicon glyphicon-time">
                            </span>
                        </span>
                        <input type="text" class="form-control bl0">
                    </div>
                </div>

                <div class="row w90b mt10 bc text-left">

                    <div class="pull-left w25b">
                        会议级别
                    </div>
                    <div class="pull-left w25b">
                        <i class="fa fa-dot-circle-o f14 "></i><span class="ml10">三级</span>
                    </div>
                    <div class="pull-left w25b">
                        <i class="fa fa-dot-circle-o f14 "></i><span class="ml10">二级</span>
                    </div>
                    <div class="pull-left w25b">
                        <i class="fa fa-dot-circle-o f14"></i><span class="ml10">一级</span>
                    </div>

                </div>
            </div>

            <div class="clear commonfc bg-white pt10  mt10 ">
                <div class="h30 lh30 bb pb40  ">
                    <div class="row w90b bc clear">
                        <div class="pull-left w33b">视频需求</div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">是</span></div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">否</span></div>
                    </div>
                </div>

                <div class="h30 lh30 bb pb40 mt10 ">
                    <div class="row w90b bc clear">
                        <div class="pull-left w33b">订餐需求</div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">是</span></div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">否</span></div>
                    </div>
                </div>

                <div class="h30 lh30  pb40 mt10 ">
                    <div class="row w90b bc clear">
                        <div class="pull-left w33b">车位需求</div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">是</span></div>
                        <div class="pull-left w33b"><i class="fa fa-dot-circle-o f14"></i><span class="ml10">否</span></div>
                    </div>
                </div>
            </div>

            <div class="row bc mt10  pt10  lh30 bg-white commonfc clear">
                <div class="w90b clear bc">
                    <div class="w30b pull-left">所需设备</div>
                    <div class="w70b pull-left ">
                        <div class="w70 pull-left">
                            <i class="fa fa-dot-circle-o f14"></i><span class="ml10">话筒</span>
                        </div>
                        <div class="w70 pull-left">
                            <i class="fa fa-dot-circle-o f14"></i><span class="ml10">收音机</span>
                        </div>
                        <div class="w70 pull-left">
                            <i class="fa fa-dot-circle-o f14"></i><span class="ml10">音响</span>
                        </div>
                        <div class="w70 pull-left">
                            <i class="fa fa-dot-circle-o f14"></i><span class="ml10">收音机</span>
                        </div>
                      
                    </div>


                </div>

            </div>

            <div class="mt10 bg-white">

                <div class="row w90b bc mt10 mb10 pb5 pt5">

                    <div class="col-xs-12 b br5 h60">
                        发起人：蓬勃 参会人：蓬勃,漫谷英
                    </div>
                </div>
            </div>

            <div class="Remark mt10 bg-white">
                <div class="row w90b bc mt10 mb10 pb5 pt5">

                    <div class="col-xs-12 b br5 h60">
                        备注
                    </div>
                </div>
            </div>
        </div>

        <div class="Mbottom pf-bottom white">
            <div class="row base-bg-color h50 pt5 text-center">
                <div class="col-xs-4  ">
                    <i class="fa fa-home fa-2x  "></i>
                    <p>
                        会议室
                    </p>
                </div>
                <div class="col-xs-4">
                    <img src="../Theme/img/Phone.png" class="w50 mt-5" />
                </div>
                <div class="col-xs-4">
                    <i class="fa fa-user-circle-o fa-2x  "></i>
                    <p>
                        我的会议
                    </p>
                </div>
            </div>
        </div>
    </div>
    <script src="../Soure/bootstrap-3.3.0-dist/dist/js/bootstrap.min.js"></script>
</body>
</html>
